<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="__CSS__/swiper-3.4.2.min.css"/>
    <link rel="stylesheet" href="__CSS__/common.css"/>
    <link rel="stylesheet" href="__CSS__/fsx.css"/>
    <link rel="shortcut icon" href="__IMG__/fsx0.ico">
</head>
<body>
<!--nav-->
<tc_include file="Home/Public/nav" />
<!--nav end-->
<!--content-->
<div class="index_banner_swipe">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" ><img src="__IMG__/img2.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img3.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img4.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img5.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img6.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img7.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img8.jpg" alt=""/></div>
            <div class="swiper-slide" ><img src="__IMG__/img9.jpg" alt=""/></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<div class="index_cont main">

    <div class="index_section">
        <div class="c_more_tit">
            <span class="name">资讯</span>
            <a href="javascript:;" class="more">更多<i class="iconfont icon-more"></i></a>
        </div>
        <div class="instruction">“资讯”是用来记述我在工作学习中遇到的新的知识点的地方，里面的点点都曾经是在我生活学习中给我内心造成波澜的，曾经使我兴奋的，新的知识点。也是我进步的见证者。</div>
        <img src="__IMG__/zx.jpg" alt=""/>
    </div>


    <div class="index_section">
        <div class="c_more_tit">
            <span class="name">演习</span>
            <a href="javascript:;" class="more">更多<i class="iconfont icon-more"></i></a>
        </div>
        <div class="instruction">“演习”也就是测试。是我在学习php、mysql、html、css、js中练习测试的地方，里面的种种小示例都是我学习的脚印。</div>
        <img src="__IMG__/fj2.jpg" alt=""/>
    </div>


    <div class="index_section">
        <div class="c_more_tit">
            <span class="name">远景</span>
            <a href="javascript:;" class="more">更多<i class="iconfont icon-more"></i></a>
        </div>
        <div class="instruction">“远景”说白了就是目标，理想。里面的缕缕都是我生活、工作、学习中的各种大的、小的目标，是我人生的方向标。</div>
        <img src="__IMG__/ying2.jpg" alt=""/>
    </div>


    <div class="index_section">
        <div class="c_more_tit">
            <span class="name">生活</span>
            <a href="javascript:;" class="more">更多<i class="iconfont icon-more"></i></a>
        </div>
        <div class="instruction">“生活”是用来记述我生活中的有意义的事情的地方，里面的丝丝都是能够给自己留下美好回忆的事情，其实就是我的情感日记。</div>
        <img src="__IMG__/sh.jpg" alt=""/>
    </div>
</div>
<!--content end-->
<!--footer-->
<tc_include file="Home/Public/footer" />
<!--footer end-->
<script src="__JS__/jquery-1.10.1.min.js"></script>
<script src="__JS__/swiper-3.4.2.jquery.min.js"></script>
<script src="__JS__/fsx.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 3000,//可选选项，自动滑动
        autoplayDisableOnInteraction : false,
        pagination : '.swiper-pagination',
        paginationClickable :true,
        loop:true
    });
</script>
</body>
</html>